<!DOCTYPE html>
<html lang="en" style="height: 510px;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>同城订单管理</title>
    <meta name="description" content="Dynamic tables and grids using jqGrid plugin">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="../staticFile/css/bootstrap.min.css">
    <link rel="stylesheet" href="../staticFile/css/fonts/font-awesome.min.css">
    <!-- date plugin styles -->
    <link rel="stylesheet" href="../staticFile/css/bootstrap-datepicker3.min.css">
    <!-- page specific plugin styles -->
    <link rel="stylesheet" href="../staticFile/css/plugins/jquery/jquery-ui.min.css">
    <link rel="stylesheet" href="../staticFile/css/plugins/jquery/ui.jqgrid.min.css">
    <link type="text/css" rel="stylesheet" href="../staticFile/css/plugins/sweetalert/sweetalert2.min.css">
    <!-- ace styles -->
    <link rel="stylesheet" href="../staticFile/css/ace.min.css">
    <style>
        html{overflow: hidden;}
    @keyframes nodeInserted {
       from {
           outline-color: #fff
       }
       to {
           outline-color: #000
       }
   }
    @-moz-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    @-webkit-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    @-ms-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    @-o-keyframes nodeInserted {
        from {
            outline-color: #fff
        }
        to {
            outline-color: #000
        }
    }
    .ace-save-state {
        animation-duration: 10ms;
        -o-animation-duration: 10ms;
        -ms-animation-duration: 10ms;
        -moz-animation-duration: 10ms;
        -webkit-animation-duration: 10ms;
        animation-delay: 0s;
        -o-animation-delay: 0s;
        -ms-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -webkit-animation-delay: 0s;
        animation-name: nodeInserted;
        -o-animation-name: nodeInserted;
        -ms-animation-name: nodeInserted;
        -moz-animation-name: nodeInserted;
        -webkit-animation-name: nodeInserted
    }
    .col-xs-12{padding-right: 0;padding-left: 0;}
    .ui-jqgrid .ui-jqgrid-pager{height: 48px;}
        #jqgridBdiv{display: block;overflow: hidden;}
        input[type=checkbox].ace.ace-switch.ace-switch-5+.user-status-switch:before {
            content: "解冻\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0冻结";
            text-indent: -38px;
        }
        .freezed{background-color: #D15B47!important;color: #fff;}
        .ui-pg-input{margin: auto 6px!important;}
        .ui-jqgrid .ui-jqgrid-title {float: right;margin: 8px 18px 8px;}
        .q-span{margin-left: 8px;}
        .q-ipt{padding: 2px 6px!important;margin-top: 5px;}
        .input-group-addon{width: auto!important;display: unset;margin-left: -6px;padding:5px 12px 6px 12px;border-radius:0;
        border: 0;}
        .ui-jqgrid-view>.ui-jqgrid-titlebar{height: 80px;}
        /*单元格自动换行*/
        .ui-jqgrid tr.jqgrow td{white-space: normal!important;height: auto;}
        /*实现横向滚动条*/
        .ui-jqgrid .ui-jqgrid-bdiv{overflow-x: auto;}
        .datepicker{z-index: 600!important;}
        .ui-pg-div{margin-left: 8px;}
        #qStatus{width: 166px;margin-left: -4px;}
        .order-grid-title{margin-left: 8px;}
    </style>
</head>
<body class="no-skin">
<div class="main-container ace-save-state" id="main-container">
    <div class="col-xs-12">
        <div class="ui-jqgrid ui-widget ui-widget-content ui-corner-all" id="gbox_grid-table" dir="ltr">
            <div class="jqgrid-overlay ui-widget-overlay" id="lui_grid-table"
                 style="display: none;"></div>
            <div class="loading ui-state-default ui-state-active" id="load_grid-table"
                 style="display: none;">加载...
            </div>
            <div class="ui-jqgrid-view" role="grid" id="gview_grid-table">
                <div class="ui-jqgrid-titlebar ui-jqgrid-caption ui-widget-header ui-corner-top ui-helper-clearfix">
                    <span class="q-span">单号：<input class="q-ipt" id="qOrderNo" type="text"></span>
                    <span class="q-span">标题：<input class="q-ipt" id="qName" type="text"></span>
                    <span class="q-span">下单日期从：
                        <input class="q-ipt date-picker" id="qOrderStartDate" type="text" data-date-format="yyyy-mm-dd">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar bigger-110"></i>
                        </span>
                    </span>
                    <span class="q-span">到：
                        <input class="q-ipt date-picker" id="qOrderEndDate" type="text" data-date-format="yyyy-mm-dd">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar bigger-110"></i>
                        </span>
                    </span>
                    <span class="order-grid-title">同城订单列表</span>
                    <br>
                    <span class="q-span">状态：
                        <select id="qStatus" class="q-ipt">
                            <option value="">全部</option>
                            <option value="0">未抢</option>
                            <option value="1">已抢</option>
                            <option value="2,3,7">已完成</option>
                            <option value="4">未确认</option>
                            <option value="5">已取消</option>
                            <option value="6">已过期</option>
                        </select>
                    </span>
                    <span class="q-span">手机：<input class="q-ipt" id="qOrderPhone" type="text"></span>
                    <span class="q-span">服务日期从：
                        <input class="q-ipt date-picker" id="qServiceStartDate" type="text" data-date-format="yyyy-mm-dd">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar bigger-110"></i>
                        </span>
                    </span>
                    <span class="q-span">到：
                        <input class="q-ipt date-picker" id="qServiceEndDate" type="text" data-date-format="yyyy-mm-dd">
                        <span class="input-group-addon">
                            <i class="fa fa-calendar bigger-110"></i>
                        </span>
                    </span>
                    <span id="spQueryOrder" class="ui-pg-div">
                        <i class="ui-icon ace-icon fa fa-search white"></i>
                    </span>

                </div>
                <div id="jqgridBdiv" class="ui-jqgrid-bdiv">
                    <div style="position:relative;">
                        <div></div>
                        <table id="gridTable" tabindex="0" role="presentation" aria-multiselectable="true"
                               aria-labelledby="gbox_grid-table" class="ui-jqgrid-btable ui-common-table" >
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="ui-jqgrid-resize-mark" id="rs_mgrid-table">&nbsp;</div>
            <div id="gridPager" class="ui-jqgrid-pager ui-state-default ui-corner-bottom" dir="ltr"
                 style="display: block;">
            </div>
        </div>
    </div>
</div>
<script src="../staticFile/js/common/commonUtil.js"></script>
<script src="../staticFile/js/plugins/jquery/jquery-2.1.4.min.js"></script>
<script src="../staticFile/js/bootstrap.min.js"></script>
<!-- page specific plugin scripts -->
<script src="../staticFile/js/ace.min.js"></script>
<script src="../staticFile/js/bootstrap-datepicker.min.js"></script>
<script src="../staticFile/js/plugins/grid/jquery.jqGrid.min.js"></script>
<script src="../staticFile/js/plugins/grid/grid.locale-cn.js"></script>
<script src='../staticFile/js/plugins/sweetalert/sweetalert2.min.js'></script>
<script type="text/javascript" src="../staticFile/js/sameCityManage/sameCityOrder.js"></script>
</body>
</html>